<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>登录</title>
    <meta name="author" content="DeathGhost"/>
    <link rel="stylesheet" type="text/css" href="../../static/css/style.css"/>
    <style>
        body {
            height: 100%;
            background: #16a085;
            overflow: hidden;
        }

        canvas {
            z-index: -1;
            position: absolute;
        }
    </style>
    <script src="../../static/js/jquery-1.8.3.min.js"></script>
    <script src="../../static/js/jquery-1.12.4.min.js"></script>
    <script src="../../static/js/verificationNumbers.js"></script>
    <script src="../../static/js/Particleground.js"></script>
    <script src="../../static/js/main.js"></script>

</head>
<body>
<dl class="admin_login">
    <dt>
        <strong>欢迎登录小米商城！</strong>
        <em>Welcome xiaomi!</em>
    </dt>
    <dd class="user_icon">
        <input type="text" placeholder="账号" class="login_txtbx username"/>
    </dd>
    <dd class="pwd_icon">
        <input type="password" placeholder="密码" class="login_txtbx password"/>
    </dd>
    <div class="pwd_fail"
         style="display:none;">密码错误!
    </div>
    <dd class="val_icon" style="display: none;">
        <div class="checkcode">
            <input type="text" id="J_codetext" placeholder="验证码" maxlength="4" class="login_txtbx">
        </div>
    </dd>
    <dd>
        <input type="button" value="立即登陆" class="submit_btn"/>
    </dd>
    <dd>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span style="color: #5cbdaa;">还没注册账号?</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/passport/yzzc" style="color:indianred">点击注册</a>
    </dd>
</dl>
</body>
</html>

<script>
    $('body').particleground({
        dotColor: '#5cbdaa',
        lineColor: '#5cbdaa'
    });
</script>
